<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<title>日程详细</title>
	
	<link rel="stylesheet" href="style/weuix.min.css"/>
	<link rel="stylesheet" href="style/richeng.css"/>
	<script src="js/zepto.min.js"></script>
	


	<style>
	.weui_tab_nav .weui_nav_green.bg_green{border-color: #fff;}
	.weui_tab_nav .weui_nav_green{border: 1px solid #FFFFFF;}
	</style>

</head>
<body ontouchstart>

<div class="topbg">
		<div class="weui_btn_primary weui-header "> 
			<div class="weui-header-left"> <a class="icon icon-109 f-white"  href="javascript:;"  onclick="javascript:history.go(-1);"></a>  </div>
			<h1 class="weui-header-title">日程详细</h1>
			<div class="weui-header-right"><a class=" f-white"   href="detial-form.html">修改</a></div> 
		</div>
		<div class="cont" >
			<h1>fsdfsfdsfsffffsdfjlfjafjsafjfljsdfjlsfjlfjafljljsafljdsafljaflk</h1>
			<p>刘寅虎于 2017年6月12日  09:20 创建</p>
		</div> 
 
</div>

<!-- 字段 -->

 <div class="weui-form-preview">
             
            <div class="weui-form-preview-bd">
                <div>
                    <label class="weui-form-preview-label">提示人员 </label>
                    <div class="weui-form-preview-value person">
                       <span>张苗</span>
                        <span>坏阳</span>
                        <span>变态人</span>
                        <span>坏蛋</span>


                        </div>
                    <!-- <span class="weui-form-preview-value">2017-08-21 10:00:00</span> -->
                </div>

                <div>
                    <label class="weui-form-preview-label">开始时间 </label>
                    <span class="weui-form-preview-value">2017-08-21 10:00:00</span>
                </div>
                <div>
                    <label class="weui-form-preview-label">结束时间 </label>
                    <span class="weui-form-preview-value">2017-08-21 10:00:00</span>
                </div>


                <div>
                    <label class="weui-form-preview-label">地点</label>
                    <span class="weui-form-preview-value"><a href="javascript:;">青岛中德生态园青ICIC楼602管委办公室3012</a></span>
                </div>
                

                <div>
                    <label class="weui-form-preview-label" style="float:none">日程描述</label>
                    <span class="weui-form-preview-value">
                    
                        本次培训班课程中将简要回顾GOES，SMOS和CryoSat-2计划，同时介绍这些项目所获取的数据在科学研究中的应用和预期成果。此外，在Ku波段雷达测高仪、C波段SAR、ATSR和MERIS气候监测数据流等研究领域，针对如何建立高效的学术团体这个问题，本次培训班将会给出现阶段的官方计划，此计划遵循“全球环境与安全监视计划”(GMES)中“哨兵-3”卫星的相关规则。
                    </span>
                </div>

                <div>
                    <label class="weui-form-preview-label">文件</label>
                    <span class="weui-form-preview-value"><a href="">青岛中德生态园.doc</a></span>
                </div>

                


            </div>
            <div class="weui-form-preview-ft">
                <a class="weui-form-preview-btn weui-form-preview-btn-primary" href="javascript:">修改</a>
                <a class="weui-form-preview-btn weui-form-preview-btn-primary"  href="javascript:;"  onclick="javascript:history.go(-1);">已阅并返回</a>
            </div>
        </div>


<div class="full"> 
    <div class="pop">
        <div class="popcont">
            <h3>武运刚</h3>
            <span>集团副总经理</span>
            <div class="weui_btn_area weui_btn_area_inline">
        <a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_default">微信</a><a href="tel:0532886677" class="weui_btn weui_btn_primary">电话</a>
        </div>

            
        </div>
        
    </div>
</div>

<style>
    .weui-form-preview-bd>div {
    padding: 7px 0;
    border-bottom: 1px solid #EAEAEB;
}
</style>
<style>
    .full{display: none;}
    .person{margin:4px;}
    .person span{display: inline-block; border:1px solid #04BE02; padding:2px  4px;margin: 0 4px 4px 0; border-radius: 2px;font-size: 13px; background: #E8FFE8; color: #0A930A}
    .person span i{font-size: 10px;padding-right: 0; padding-left: 6px;}
    .full{width: 100%;height: 100%; background: rgba(0,0,0,0.6); position: fixed;top: 0;left: 0}
    .pop{
        position: absolute;
        top: 160px;
        left: 50%;
        width: 80%;
         
        margin-left:-40%;
        background: #fff;
  }
    .popcont{
        padding: 15px;
        text-align: center;}
    .popcont span{display: inline-block;padding-top: 5px; color: #777}
 
</style>
<script>
    $(".person span").click(function(){
        $(".full").show();



    });
    $(".full").click(function(){
        $(".full").hide()


    })

</script>
 
	</body>
	</html>